<gm:page title="Public Albums" authenticate="false">

  <style>
    body {
      background: black;
      }
  </style>
  <gm:data id="startWith" data="http://picasaweb.google.com/data/feed/base/user/MichaelEONeal?imgmax=640"/>
  <table>
     <tr>
        <td style="padding-right:10px; width:270px" valign="top">
            <gm:list id="videosList" 
              data="${startWith}" 
              pagesize="6" 
              template="videosListTemplate"/>
        </td>
        <td style="width:288px" valign="top">
             <gm:item template="videoDetailTemplate">
                 <gm:handleEvent 
                   event="select" 
                   src="videosList"/>
             </gm:item>
         </td>
       </tr>
   </table>
 
 
  <gm:template id="videosListTemplate">
    <table class="black-theme" style="width:100%">
      <tr repeat="true">
        <td valign="top">
          <gm:image ref="media:group/media:thumbnail/@url" 
            width="100" 
            height="100" 
            style="float:left; margin-right:5px"/>
          <gm:html ref="atom:title"/>
        </td>
      </tr>
      <tfoot>
        <tr>
          <td><gm:pager/></td>
        </tr>
      </tfoot>
    </table>
  </gm:template>

  <gm:template id="videoDetailTemplate">
    <gm:image ref="media:group/media:content/@url"/>
  </gm:template>
</gm:page>